/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js,vue,ts,tsx}'],
  theme: {
    extend: {
      backgroundImage: (theme) => ({
        'custom-gradient-1': theme('colors.gs-1'),
        'custom-gradient-2': theme('colors.gs-2'),
        'custom-gradient-3': theme('colors.gs-3'),
        'custom-gradient-4': theme('colors.gs-4'),
      }),
    },
    colors: {
      'font-1': '#33A752',
      'font-2': '#FEC85D',
      'font-3': '#00284A',
      'font-4': '#49D0B6',
      'font-5': '#50DAA5',
      'font-6': '#002B45',
      'font-7': '#002A43',
      'font-8': '#005586',
      'font-9': '#F5794B',
      'font-10': '#6AB2E2',
      'bg-1': '#242424',
      'bg-2': '#DFEFFE',
      'bg-3': '#F9F9F9',
      'bg-4': '#DDF4FF',
      'bg-5': '#6AB2E2',
      'bg-6': '#005586',
      'bg-7': '#FEFEFE',
      'bg-8': 'rgba(0, 85, 134, .2)',
      'bg-9': '#002b45',
      'bg-10': '#ddf4ff',
      'bg-11': '#F8F8F8',
      'bg-12': '#6ab2e2',
      'bg-13': 'rgba(36, 36, 36, .9)',
      'bg-14': '#0AAB62',
      'bg-15': '#FF3333',
      'bg-16': '#E99434',
      'bg-166': '#875C2C',
      'bg-17': 'rgba(233, 148, 52, .3)',
      'bg-18': 'rgba(36, 36, 36, .3)',
      'white-1': '#fff',
      'white-2': '#F9F9F9',
      'white-3': '#FAFAFA',
      'white-4': '#F8F8F8',
      'white-5': '#F7F7F7',
      'white-6': '#F6F6FA',
      'white-7': 'rgba(255, 255, 255, .2)',
      'black-1': 'rgba(0, 0, 0)',
      'black-2': '#ADADAD',
      'black-3': 'rgba(0, 0, 0, 0.3)',
      'black-4': 'rgba(0, 0, 0, 0.1)',
      'black-5': 'rgba(0, 0, 0, 0.2)',
      'gs-1': 'linear-gradient( 322deg, #91DCA3 0%, #237A98 100%);',
      'gs-2': 'linear-gradient( 329deg, #DB64F8 0%, #F3DFB0 100%);',
      'gs-3': 'linear-gradient( 329deg, #91DCA3 0%, #237A98 100%);',
      'gs-4': 'linear-gradient( 180deg, #005486 0%, #6AB2E2 100%);',
    },
    backgroundSize: {
      auto: 'auto',
      cover: 'cover',
      contain: 'contain',
      30: '30%',
      39: '39%',
      40: '40%',
      48: '48%',
      49: '49%',
      50: '50%',
      100: '100% 100%',
      14: '100% 14rem, 100% 21.7rem',
      16: '100% 14rem, 100% 22rem',
      18: '100% 14rem, 100% 22.5rem',
    },
  },
  plugins: [],
};
